//1.0 导入vue这个包
import Vue from 'vue';

//2.0 导入App.vue根组件
import App from './App.vue';

//3.0 导入vue-router包
import VueRouter from 'vue-router';
// 1、在Vue中使用路由
Vue.use(VueRouter);

// 2、导入路由相关组件
//home组件
import home from './components/home.vue';
//car组件
import car from './components/shopcar/car.vue';
//newslist组件
import newslist from './components/news/newslist.vue';
//newsinfo组件
import newsinfo from './components/news/newsinfo.vue';

// 3、实例化路由和设置路由规则
var router = new VueRouter({
    linkActiveClass:'mui-active',
    routes:[
        {path:'/',redirect:'/home'},
        {path:'/home',component:home},
        {path:'/car',component:car},
        {path:'/news/newslist',component:newslist},
        {path:'/news/newsinfo/:id',component:newsinfo}
    ]
});


//4.0 注册mint-ui
// 1、导入mint-ui 组件对象
import mintui from 'mint-ui';
// 2、导入mint-ui.css样式
import 'mint-ui/lib/style.css';
// 3、在Vue中全局使用minui
Vue.use(mintui);


//5.0 导入mui的css样式
import '../statics/mui/css/mui.css';


//6.0 导入当前系统的全局样式（可能要覆盖前面的一些样式，所以最好导入在后面）
import '../statics/css/site.css';

//7.0 将vue-resource在vue中绑定,自动在vue对象实例中注入一个$http对象
import vueResource from 'vue-resource';
Vue.use(vueResource);

//8.0 定义一个全局过滤器实现日期的格式化
import moment from 'moment';
Vue.filter('datefmt',function(input,fmtstring){
    return moment(input).format(fmtstring);
});
 

new Vue({
    el:'#app',
    router:router,
    //将App中的内容编译解析出来替换index.html中的<div id="app"></div>
    // render:function(create){create(App)}   es5写法
    render:c=>c(App)    // es6 的函数写法  =>: goes to 
     
})